<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />	
		<title>上海林业</title>
		<link rel="stylesheet" href="/public/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/public/css/public.css" />
	</head>
	<body>
		<div class="ranking">
			<div class="containe ranking-top">
				<img src="../../public/img/bg.jpg" alt="" class="uupic"/>
				<div class="lei-logo">
				    <img src="../../public/img/logo.png" alt="" />
			    </div>
			    <div class="lei-bigtitle">
			    	<img src="../../public/img/titleb.png" alt="" />
			    </div>
			    <div class="check-erweima">
				    <img src="../../public/img/vote-e.png" alt="" />
			    </div>
			    <div class="lei-smalltitle" style="width:40%;padding-top: 2%;margin-left: 30%;">
			    	<img src="../../public/img/rank-t.png" alt="" />
			    </div>
				<div class="row margin-none padding-bottom-10px">
					<!-- <div class="col-xs-1 col-xs-offset-1 ranking-number padding-right-none">
						1
					</div>
					<div class="col-xs-3 ranking-name">
						某某
					</div>
					<div class="col-xs-7 padding-right-none" >
						<div class="rank-jd">
							<div class="mounter mounter1">								
							</div>
						</div>
						<div class="rank-jd-mun">300</div>
					</div>
				</div>
				<div class="row margin-none padding-bottom-10px">
					<div class="col-xs-1 col-xs-offset-1 ranking-number padding-right-none">
						2
					</div>
					<div class="col-xs-3 ranking-name">
						某某某
					</div>
					<div class="col-xs-7 padding-right-none">
						<div class="rank-jd">
							<div class="mounter mounter2">								
							</div>
						</div>
						<div class="rank-jd-mun">300</div>
					</div>
				</div>
				<div class="row margin-none padding-bottom-10px">
					<div class="col-xs-1 col-xs-offset-1 ranking-number padding-right-none">
						3
					</div>
					<div class="col-xs-3 ranking-name">
						某某某
					</div>
					<div class="col-xs-7 padding-right-none">
						<div class="rank-jd">
							<div class="mounter mounter3">								
							</div>
						</div>
						<div class="rank-jd-mun">300</div>
					</div>
				</div>
				<div class="row margin-none padding-bottom-10px">
					<div class="col-xs-1 col-xs-offset-1 ranking-number padding-right-none">
						4
					</div>
					<div class="col-xs-3 ranking-name">
						某某某
					</div>
					<div class="col-xs-7 padding-right-none">
						<div class="rank-jd">
							<div class="mounter mounter4">								
							</div>
						</div>
						<div class="rank-jd-mun">300</div>
					</div>
				</div>
				<div class="row margin-none padding-bottom-10px">
					<div class="col-xs-1 col-xs-offset-1 ranking-number padding-right-none">
						5
					</div>
					<div class="col-xs-3 ranking-name">
						某某某
					</div>
					<div class="col-xs-7 padding-right-none">
						<div class="rank-jd">
							<div class="mounter  mounter5">								
							</div>
						</div>
						<div class="rank-jd-mun">300</div>
					</div>
				</div>
				<div class="row margin-none padding-bottom-10px">
					<div class="col-xs-1 col-xs-offset-1 ranking-number padding-right-none">
						6
					</div>
					<div class="col-xs-3 ranking-name">
						某某某
					</div>
					<div class="col-xs-7 padding-right-none">
						<div class="rank-jd">
							<div class="mounter  mounter6">								
							</div>
						</div>
						<div class="rank-jd-mun">300</div>
					</div>
				</div> -->

				<?php foreach ($data as $key=>$item): ?>
				
				<div class="row margin-none padding-bottom-10px">
					<div class="col-xs-1 col-xs-offset-1 ranking-number padding-right-none padding-left-none text-center">
						<?=$key+1?>
					</div>
					<div class="col-xs-3 ranking-name">
						<?=mb_substr($item['username'], 0,4)?>
					</div>
					<div class="col-xs-7 padding-right-none" >
						<div class="rank-jd">
							<div class="mounter" style="width:0" data='<?=($item['vote_count']/$vote_total_count)*100?>%'>								
							</div>
						</div>
						<div class="rank-jd-mun"><?=$item['vote_count']?></div>
					</div>
				</div>
				
				<?php endforeach; ?>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="/public/js/jquery-2.2.3.min.js" ></script>
	<script type="text/javascript" src="/public/js/bootstrap.min.js" ></script>
</html>
<script type="text/javascript">
$(".mounter").each(function(){
	$(this).animate({width:$(this).attr('data')},2000);

    
});
</script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="/public/js/jssdk.js"></script>
<script type="text/javascript">jssdk('共筑疫情防护墙，同圆生态家园梦。','共筑疫情防护墙，同圆生态家园梦。',window.location.href,'<?=base_url()?>public/img/share.jpg');</script>